<template>
  <div class="ticket-get">
    <!-- 头部组件 -->
    <van-nav-bar title="领取优惠券">
      <van-icon
        name="cross"
        slot="right"
        size="24"
        color="#000"
        @click="$router.replace('/home')"
      />
    </van-nav-bar>

    <!-- 优惠券详情 -->
    <div class="ticket-info">
      <!-- <van-row type="flex" justify="center">
        <van-col span="7">
          <div>
            <span class="price"
              >￥
              <h1>7</h1>
              .5元</span
            >
            <span class="condition">满49元可用</span>
          </div>
        </van-col>
        <van-col span="14"></van-col>
        <van-col span="3">
          <van-button type="warning" round size="mini">领取</van-button>
        </van-col>
      </van-row> -->

      <!-- 满减部分 -->
      <ul>
        <li><span>减</span>满69减2；满89减3；满128减5</li>
        <li><span>券</span>部分商品满20减4</li>
        <li><span>券</span>部分商品满10减2</li>
      </ul>

      <!-- 公告 -->
      <dl>
        <dt>公告</dt>
        <dd>公告：欢迎光临，很高兴为您服务</dd>
      </dl>
    </div>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style scoped lang="less">
.ticket-get {
  .ticket-info {
    text-align: center;
    height: 200px;
    .van-row {
      margin: 10px;
    }
    .condition {
      font-size: 12px;
    }
    .price {
      display: block;
      font-size: 12px;
      h1 {
        display: inline-block;
        font-size: 48px;
        font-weight: 500;
      }
    }
    ul {
      text-align: left;
      font-size: 24px;
      padding: 20px;
      li {
        margin-bottom: 15px;
        span {
          display: inline-block;
          width: 40px;
          height: 40px;
          text-align: center;
          color: #fff;
          margin-right: 20px;
          background-color: #fd614d;
        }
      }
    }
    dl {
      margin: 10px 0 0 0;
      padding: 0 20px;
      dt {
        text-align-last: left;
        font-size: 37px;
        font-weight: 550;
        margin-bottom: 10px;
      }
      dd {
        font-size: 16px;
        text-align-last: left;
        margin-left: 0;
      }
    }
  }
}
</style>
